﻿@{
    ViewBag.Title = "SarkiIste";
}
@Scripts.Render("~/bundles/jquery")
<script>
    $(document).ready(function () {


        $('#btnGetPersons').click(function () {
            //$.post("/Home/SarkiBul", "{'Noktalar':'1,2,3,4,5'}", function (data) {

            var div = $('#ajaxDiv');
            div.html("<br/> " + "Şarkı bilgilerini çektim  " + "<br/>");
            //    div.append("<br/>" + "Bilgi: " + data);

            //});
            //$.getJSON("/Home/SarkiBul", null, function (data) {
            //    var div = $('#ajaxDiv');
            //    div.html("<br/> " + "Şarkı bilgilerini çektim  " + "<br/>");
            //    div.append("<br/>" + "Bilgi: " + data);
            //    $.each(data, function (i, item) {
            //        printPerson(div, item);
            //    });
            //});
            $.ajax({
                type: 'POST',
                url: '/Home/SarkiBul',
                data: "{'noktalar':'1,2,3,4'}",
                contentType: 'application/json; charset=utf-8',
                dataType: 'json',
                success: function (r) {
                    var div = $('#ajaxDiv');
                    div.html("<br/> " + "Şarkı bilgilerini çektim  " + "<br/>");
                    div.append("<br/>" + "Bilgi: " + r.SarkiBilgi + ", Noktalar: " + r.SarkiNoktasi);
                }
            });
        });
    });
    function printPerson(div, item) {
        div.append("<br/>" + "Bilgi: " + item.SarkiBilgi + ", Noktalar: " + item.SarkiNoktasi);
        //$.each(item.Addresses, function (i, addr) {
        //    printAddress(div, addr);
        //});
    }
</script>
<h2>SarkiIste</h2>
<input id="btnGetPersons" type="button" value="İstek Yap" />
<div>
    <div id="ajaxDiv">
    </div>
</div>